@import "../../../../../both/mixin";

.personal_setting_cr.bln{
  div.title{
    border-bottom: 1px solid #D0D6D9;
    height : 40px;
    line-height : 40px;
    margin-top : 20px;

    span{
      &:first-child{
        font-size : 16px;
        font-weight: 700;
        float : left;
      }

      &:last-child{
        float : right;
        cursor: pointer;
        font-size : 14px;
        color : #96B8BD;

        i.fa.fa-pencil{
          color : #008CC8;
        }
      }
    }

  }

  ul.info_wrapper{

    width : 890px;
    display: block;
    list-style: none;
    margin : 24px 0 24px 40px;

    @include cf("li.info_line");
    li.info_line{
      display: block;
      height : 61px;
      margin-bottom: 12px;
    }

    .label,.content{
      -ms-word-break: break-all;
      word-break: break-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      float : left;
      line-height : 20px;
      height : 60px;
    }

    .label{
      width : 120px;
      padding : 20px 0;
      background-color : #F3F5F7;
      text-align: center;
      font-size : 14px;
      font-weight: 700;
    }

    .content{
      width : 700px;
      margin-left : 10px;
      padding : 20px 20px;
      border-bottom: 1px solid #D9DDE1;
      color : #14191e;
    }

  }

}